$(function(){


	function render(){

		//热门课程列表
		for(var  i = 0;i < renderData.hotLessonList.length;i++){
			$(".hot-lesson-list").append(
				'<li class="'+ (i == 0 ? 'on' : '') +'">'+ renderData.hotLessonList[i] +'</li>'
			);
			renderData.lessonBoxList.forEach(function(elem){
				$(".lessonbox-list").append(
					'<li class="box box'+ i +'">'+
	                    '<div class="lessonimg-box" style="position:relative;">'+
	                        '<a href="' + elem.link[i] + '" target="_blank">'+
	                            '<img src="' + elem.img[i] + '" title="' + elem.title[i] + '" alt="' + elem.title[i] + '"/>'+
	                            '<div class="lessonplay" style="opacity: 0;">'+
	                            	'<i class="playericon"></i>'+
	                            '</div>'+
	                        '</a>'+
	                    '</div>'+
	                    '<div class="lesson-infor">'+
	                        '<h2>'+
	            		        '<a href="' + elem.link[i] + '" target="_blank">' + elem.title[i] + '</a>'+
	            		    '</h2>'+
	            		    '<p class="lessonp" style="height: 0px; opacity: 0;">'+
	            		     	'本课程介绍学生信息管理系统中的保存学生信息模块、加载学生信息模块、显示学生信息模块、查找学生信息模块以及删除学生信息模块。在理解系统功能的基础上，编写各个模块的代码，并对代码的关键部分进行讲解。'+
	            		    '</p>'+
	                        '<div class="timeandicon">'+
	                            '<div class="cf">'+
	                                '<dl>'+
	                                    '<dd>'+
	                                        '<i class="time-icon"></i>'+
	                                        '<em>' + elem.time[i] + '</em>'+
	                                    '</dd>'+
	                                '</dl>'+
	                            '</div>'+
	                            '<div class="cf">'+
	                                '<div class="lessonicon-box">'+
	                                    '<a href="' + elem.link[i] + '">'+
	                                        '<img src="' + elem.icon[i] + '"/>'+
	                                    '</a>'+
	                                '</div>'+
	                            '</div>'+
	                        '</div>'+
	                    '</div>'+
	                '</li>'
				);
			});
		}


		// 课程菜单渲染
		renderData.lessonNavList.forEach(function(elem){
			$(".lesson-nav-list").append(
				'<li class="lessonList">'+
                    '<div class="lesson-box">'+
                        '<a href="' + elem.link + '">' + elem.title + '</a>'+
                        '<div class="lesson-list-show" style="width: 401px;">'+
		                    '<div style="width: 400px;">'+
		                        '<dl>'+
		                            '<dt><a href="' + elem.lessonDtLink[0] + '">' + elem.lessonDt[0] + '</a></dt>'+

		                            '<dd class="cf">'+
		                                '<a href="' + elem.lessonALink[0] + '">' + elem.lessonA[0] + '</a>'+
		                                '<a href="' + elem.lessonALink[1] + '">' + elem.lessonA[1] + '</a>'+
		                            '</dd>'+
		                        '</dl>'+
		                        '<dl>'+
		                            '<dt><a href="' + elem.lessonDtLink[1] + '">' + elem.lessonDt[1] + '</a></dt>'+
		                            '<dd class="cf">'+
		                                '<a href="' + elem.lessonALink[2] + '">' + elem.lessonA[2] + '</a>'+
		                                '<a href="' + elem.lessonALink[3] + '">' + elem.lessonA[3] + '</a>'+
		                                '<a href="' + elem.lessonALink[4] + '">' + elem.lessonA[4] + '</a>'+
		                                '<a href="' + elem.lessonALink[5] + '">' + elem.lessonA[5] + '</a>'+
		                            '</dd>'+
		                        '</dl>'+
		                        '<dl>'+
		                            '<dt><a href="' + elem.lessonDtLink[2] + '">' + elem.lessonDt[2] + '</a></dt>'+
		                            '<dd class="cf">'+
		                                '<a href="' + elem.lessonALink[6] + '">' + elem.lessonA[6] + '</a>'+
		                                '<a href="' + elem.lessonALink[7] + '">' + elem.lessonA[7] + '</a>'+
		                            '</dd>'+
		                        '</dl>'+
		                    '</div>'+
		                '</div>'+
                    '</div>'+
                '</li>'
			);
		});

		//职业介绍列表
		renderData.swiperList.forEach(function(elem){
			$(".swiper-list").append(
				'<li>'+
                    '<a href="' + elem.link + '" target="_blank">'+
                        '<img src="' + elem.img + '"/>'+
                        '<p>' + elem.engineer + '</p>'+
                        '<p>' + elem.ps + '</p>'+
                    '</a>'+
                '</li>'
			);
		});

		//banner列表
		renderData.bannerList.forEach(function(elem){
			$(".swiper-wrapper").append(
				'<a href="' + elem.link + '" target="_blank">'+
	                '<img src="' + elem.img + '"/>'+
	            '</a>'
			);
		});

	}

	render();

	//输入框点击事件
	$(".search-text").focus(function(){
		$(".btn").addClass("active-btn");
		$(".hot-words").css({display:"none"});
	}).blur(function(){
		$(".btn").removeClass("active-btn");
		$(".hot-words").css({display:"block"});
	});

	//导航hover事件
	$(".navbox > a").hover(function(){
		if($(this).index() == 0){
			$(".panel-item").removeClass("choose-panel");
		}
		$(".panel-item").eq($(this).index()-1).addClass("choose-panel");
	},function(){
		$(".panel-item").eq($(this).index()-1).removeClass("choose-panel");
	});

	//课程列表hover事件
	$(".lessonList").hover(function(){
		$(".lesson-list-show").eq($(this).index()).show();
	},function(){
		$(".lesson-list-show").eq($(this).index()).hide();
	})

	// Tap切换
	$(".hot-lesson-list li").mouseover(function(){
		var currentIndex = $(this).index();
		$(this).addClass("on");
		$(this).siblings().removeClass("on");
		$(".lessonbox-list li").hide();
		$(".box" + currentIndex).show();
	});

	//课程盒子列表hover事件
	$(".box").hover(function(){
		$(this).find(".lessonplay").stop(true).animate({opacity:"1"},300);
		$(this).find(".lesson-infor").stop(true).animate({height:125},300);
		$(this).find(".lessonp").stop(true).animate({height:52,opacity:1},300);
	},function() {
		$(".lessonplay").stop(true).animate({opacity:"0"},300);
		$(this).find(".lesson-infor").stop(true).animate({height:65},300);
		$(".lessonp").stop(true).animate({height:0,opacity:0},300);
	});

	//banner轮播
	var i = 0;
	//复制第一张图片
	var bannerClone = $(".swiper-wrapper a").first().clone();
	$(".swiper-wrapper").append(bannerClone);
	var bannerSize = $(".swiper-wrapper a").size();
	//添加分页标注
	for(var j=0;j<bannerSize-1;j++){
		$(".pagination").append("<span class='swiper-pagination-switch'></span>");
	}
	$(".swiper-pagination-switch").first().addClass("swiper-active-switch");

	//鼠标划入分页
	$(".swiper-pagination-switch").click(function(){
		var bannerIndex = $(this).index();
		i = bannerIndex;
		$(".swiper-wrapper").stop().animate({left:-560*bannerIndex},500);
		$(this).addClass("swiper-active-switch").siblings().removeClass("swiper-active-switch");
	});

	//自动轮播
	var bannerTime = setInterval(function(){
		i++;
		bannerMove();
	},2000);

	//对banner定时器的操作
	$(".index-banner").hover(function(){
		$("#banner-left,#banner-right").fadeIn();
		clearInterval(bannerTime);
	},function(){
		$("#banner-left,#banner-right").fadeOut();
		bannerTime = setInterval(function(){
			i++;
			bannerMove();
		},2000);
	});

	//click事件操作
	$("#banner-right").click(function(){
		i++;
		bannerMove();
	});
	$("#banner-left").click(function(){
		i--;
		bannerMove();
	});

	//banner运动操作
	function bannerMove(){
		if(i==bannerSize){
			$(".swiper-wrapper").css({left:0});
			i = 1;
		}
		if(i==-1){
			$(".swiper-wrapper").css({left:-560*(bannerSize-1)});
			i = bannerSize-2;
		}

		$(".swiper-wrapper").stop().animate({left:-560*i},500);
		if(i==bannerSize-1){
			$(".swiper-pagination-switch").eq(0).addClass("swiper-active-switch").siblings().removeClass("swiper-active-switch");
		}else{
			$(".swiper-pagination-switch").eq(i).addClass("swiper-active-switch").siblings().removeClass("swiper-active-switch");
		}		
	}

	//职位列表轮播
	var n = 0;
	var swiperWidth = $(".swiper-list li").outerWidth();
	//复制第一张图片
	var swiperClone0 = $(".swiper-list li").eq(0).clone();
	var swiperClone1 = $(".swiper-list li").eq(1).clone();
	var swiperClone2 = $(".swiper-list li").eq(2).clone();
	$(".swiper-list").append(swiperClone0,swiperClone1,swiperClone2);
	var swiperSize = $(".swiper-list li").size();

	//鼠标移入
	$(".swiper-container").hover(function(){
		$("#work-left,#work-right").fadeIn();
	},function(){
		$("#work-left,#work-right").fadeOut();
	});

	//click事件操作
	$("#work-right").click(function(){
		n++;
		swiperMove();
	});
	$("#work-left").click(function(){
		n--;
		swiperMove();
	});

	//职位列表运动操作
	function swiperMove(){
		if(n==swiperSize-2){
			$(".swiper-list").css({left:0});
			n = 1;
		}
		if(n==-1){
			$(".swiper-list").css({left:-swiperWidth*(swiperSize-3)});
			n = swiperSize-4;
		}
		$(".swiper-list").stop().animate({left:-swiperWidth*n},300);		
	}

	//合作企业轮播
	swipe(".strategy1",6);
	swipe(".strategy2",6);
	function swipe(container,showNum){
		var m = 0;
		var epWidth = $(container).find(".swiper-strategy img").outerWidth()+11.5;
		for(var i = 0;i < showNum;i++){
			var epClone = $(container).find(".swiper-strategy a").eq(i).clone();
			$(container).find(".swiper-strategy").append(epClone);
		}
		var epSize = $(container).find(".swiper-strategy a").size();

		//鼠标移入
		$(container).hover(function(){
			$(container).find(".arrow-left,.arrow-right").fadeIn();
		},function(){
			$(container).find(".arrow-left,.arrow-right").fadeOut();
		});

		//click事件操作
		$(container).find(".arrow-right").click(function(){
			m++;
			epMove();
		});
		$(container).find(".arrow-left").click(function(){
			m--;
			epMove();
		});

		function epMove(){
			if(m==epSize-5){
				$(container).find(".swiper-strategy").css({left:0});
				m = 1;
			}
			if(m==-1){
				$(container).find(".swiper-strategy").css({left:-epWidth*(epSize-6)});
				m = epSize-7;
			}
			$(container).find(".swiper-strategy").stop().animate({left:-epWidth*m},300);		
		}
	}

	//hover边框变绿效果
	$(".learn-card a").hover(function(){
		var index = $(this).index();
		
		if(index <= 3){
			$(this).addClass("t l b").next().addClass("l");
		}else if(index == 4){
			$(this).addClass("t l b r");
		}else if(index <= 8){
			$(this).addClass("t l b").next().addClass("l");
			$(".learn-card a").eq(index-5).addClass("b");
		}else{
			$(this).addClass("t l b r");
			$(".learn-card a").eq(index-5).addClass("b");
		}

	},function() {
		var index = $(this).index();
		if(index <= 3){
			$(this).removeClass("t l b").next().removeClass("l");
			// classBorder = "t l b";
		}else if(index == 4){
			$(this).removeClass("t l b r");
		}else if(index <= 8){
			$(this).removeClass("t l b").next().removeClass("l");
			$(".learn-card a").eq(index-5).removeClass("b");
		}else{
			$(this).removeClass("t l b r");
			$(".learn-card a").eq(index-5).removeClass("b");
		}
	});

	//关闭浮动
	$(".float-img i").click(function(){
		$(this).parent().hide();
	});

	// 回到顶部出现
	var goTop = $(".gotop").offset().top,goFixed;
	$(window).scroll(function(){
		var scrollTop = $(window).scrollTop();
		goFixed = scrollTop > 100;
		if(goFixed){
			$(".gotop").show();
		}else{
			$(".gotop").hide();
		}
	});

	// 回到顶部
	$(".gotop").click(function(){
		$("body,html").animate({scrollTop:0},"speed");
	});

});